import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import router from "./router/index.ts";
import { createVuetify } from "vuetify";
import { aliases, mdi } from "vuetify/iconsets/mdi-svg";
import * as components from "vuetify/components";
import { VTreeview, VTreeviewItem } from "vuetify/labs/VTreeView";
import * as directives from "vuetify/directives";
import "@/assets/styles/text.css"
//@ts-ignore
import "vuetify/styles";
import config from "@/config";
import move from "@/directive/move";
import resize from "@/directive/resize";

const vuetify = createVuetify({
  icons: {
    defaultSet: "mdi",
    aliases: { ...aliases },
    sets: { mdi }
  },
  components: { ...components, VTreeview, VTreeviewItem },
  directives
});

const app = createApp(App);
config.registerApps(app)
config.registerRouter(router)
app.directive("madokaMove", move)
app.directive("madokaResize", resize)
app.use(router);
app.use(vuetify);
app.mount("#app");

